<!DOCTYPE html>
<html>
<head>
    <title>C&amp;M Banque</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="icon" href="images/logo.ico"> 
    <link rel="stylesheet" type="text/css" href="style/style.css" />
    <link rel="stylesheet" type="text/css" href="style/table.css" />
    <link rel="stylesheet" type="text/css" href="style/jquery-foxiblob-0.1.css" />
    <script type="text/javascript" src="javascript/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="javascript/jquery-foxiblob-0.1.min.js"></script>
    <script type="text/javascript" src="javascript/jquery.corners.min.js"></script>
    <script type="text/javascript" src="javascript/initfoxiblob.js"></script>
    <script type="text/javascript">$(document).ready(function(){ $('#menu_list').foxiblob({opacity:0.6}); });</script>
    <script>$(document).ready( function(){ $('.rounded').corners("10px"); });</script>
</head>
<body>
<div id="wrapper">
    <div id="head">
        <div id="header">
            <div id="logo">
                <a href="">
                    <img src="images/financial_03.jpg" alt="" width="264" height="30" />
                </a>
            </div>
            <!--end logo-->
            <div id="menu">
                <ul id="menu_list">
                    <li><a href="<c:url value='/'/>">Accueil</a></li>
                    <li id="page_about"><a href="<c:url value='/about.jsp'/>">A propos de FS</a></li>
                    <li><a href="404.jsp">Offres &amp; services</a></li>
                    <li><a href="404.jsp">Relations Investisseurs</a></li>
                    <li id="page_contact"><a href="<c:url value='/contact.jsp'/>">Contact</a></li>
                </ul>
                <ul>
                    <li id="page_login">
						<a href="<c:url value='/login'/>" class="buttonlogin">
                            <img class="lock" src="images/1420689828_lock.png" alt="Mes Comptes"/>
                            Accéder à mes comptes
                        </a>
                    </li>
                    <li>
                        <a href="<c:url value='/mesinfos'/>">
                        Mes infos
                        </a>
                    </li>
                    <li>
                        <a href="<c:url value='/disconnect'/>">
                        <img class="deco" src="images/1365788078_Log%20Out.png" alt="déconnexion"/>
                        Déconnexion
                        </a>
                    </li>
                </ul>
            </div>
            <!--end menu-->
        </div>
        <!--end header-->
    </div>
    <!--end head-->
	
	<div id="banner"><img src="images/financial_07.jpg" alt="" width="946" height="400" /></div>
    <div id="container">
        <div id="top">
            <div id="main">
                <h2>C&amp;M Banque</h2>
                <p>Une banque qui vous accompagne tout au long de vos projets. Que vous soyez encore une PME, ou une entreprise qui deviendra bientôt un acteur majeur, nos accompagnement individualisé saura répondre à vos besoins.</p>
                <h2>Pourquoi nous choisir ?</h2>
                <p>Nous faire confiance, c'est faire le choix d'une banque fiable et tournée vers l'avenir, prête à accompagner tout projet novateur.</p>
            </div>
            <div id="sidebar" class="rounded">
                <h2>News &amp; Events</h2>
                <p class="img"><img src="images/financial_11.jpg>" alt="" width="265" height="2"/></p>
                <h3>01/01/2015<br />
                Offre épargne à 4%</h3>
                <p>Démarrez l'année en toute tranquilité en profitant d'un taux de 5% pendant 3 mois en ouvrant un compte chez nous.<a href="#">...</a></p>
                <h3>27/01/2015<br />
                Une agence encore plus près de chez vous</h3>
                <p>Afin d'être toujours plus à votre écoute, une nouvelle agence s'installe dans le 5ème arrondissement de Paris.<a href="#">...</a></p>
            </div>
        </div>
    <div id="bottom">
        <div class="box rounded align">
            <h2>Une solution personnalisée</h2>
            <p class="img"><img src="images/financial_11.jpg'" alt="" width="265" height="2"/></p>
            <p class="box-image"><img src="images/financial_15.jpg" alt="" width="250" height="88" /></p>
            <p>Une offre sur mesure et afin de répondre au mieux à vos attentes.</p>
            <div class="box-link-background rounded"><a href="404.jsp">En savoir plus</a></div>
        </div>
        <div class="box rounded align">
            <h2>Des conseillers à votre écoute</h2>
            <p class="img"><img src="images/financial_11.jpg" alt="" width="265" height="2"/></p>
            <p class="box-image"><img src="images/financial_17.jpg" alt="" width="250" height="89" /></p>
            <p>Nos experts sont à votre disposition pour toute interrogation et vous aider à bâtir vos projets.</p>
            <div class="box-link-background rounded"><a href="404.jsp">En savoir plus</a></div>
        </div>
        <div class="box rounded">
            <h2>Au service des jeunes</h2>
            <p class="img"><img src="images/financial_11.jpg" alt="" width="265" height="2"/></p>
            <p class="box-image"><img src="images/financial_19.jpg" alt="" width="250" height="89" /></p>
            <p>Bénéficiez d'une offre privilégiée pour bien démarrer dans la vie active.</p>
            <div class="box-link-background rounded"><a href="404.jsp">En savoir plus</a></div>
        </div>
  </div>
  <!--end bottom-->
</div>
	
	<!--end container-->
    <div id="footer">
        <div id="footer-container">
            <div id="address">
                <h3>C&amp;M Banque</h3>
                <p>777 Rue de la Monnaie<br />
                La Défense, Paris, 75016</p>
                <p>Tél: 01 00 00 00 00</p>
            </div>
            <div id="menu-bottom">
                <p>
                    <a href="<c:url value='/'/>">Accueil</a> | 
                    <a href="404.jsp">Informations légales</a> | 
                    <a href="<c:url value='/contact.jsp'/>">Contact</a>
                </p>
            </div>
        </div>
    </div>
<!--end footer-->
</div>
<!--end wrapper-->
</body>
</html>
